<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
import CanvasNest from 'canvas-nest.js'

export default {
  name: 'App',
  data () {
    return {
      config: {
        color: '0,0,255',
        opacity: 0.4,
        zIndex: -1,
        count: 50
      }
    }
  },
  mounted () {
    const el = document.querySelector('#app')
    this.cn = new CanvasNest(el, this.config)
  },
  beforeDestroy () {
    this.cn.destroy()
  }
}
</script>

<style lang="stylus">
  html
    background #F0F0F5

  body
    font-family: Arial, "Microsoft Yahei", "Helvetica Neue", Helvetica, sans-serif
    background-color transparent
</style>
